*{
    margin: 0;
    padding: 0;
}
.box(){
    display: -webkit-box;
    display: -moz-box;
    
}
html,body{
    height: 100%;
    width: 100%;
    overflow: hidden;
}
a{
    color: #000000;
    text-decoration: none;
}
li{list-style: none;}
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.padding01(@top){
    .px2rem(padding-top,@top);
}
.padding02(@bottom){
    .px2rem(padding-bottom,@bottom);
}
.padding03(@left){
    .px2rem(padding-left,@left);
}
.padding04(@right){
    .px2rem(padding-right,@right);
}
header{
    .box();
    -webkit-box-pack: justify;
    .px2rem(font-size,40);
    color: #e5d5db;
    -webkit-box-align: center;
//  -webkit-box-pack: center;
    .px2rem(height,98);
    background: #e4366b;
    span{
//      .box();
        flex: 1;
        display: block;
       
  
       
    }
    span:nth-child(1){
         .px2rem(margin-left,15);
           .px2rem(margin-top,10);
          display: block;
        width: 10%;
             img{
               
            width: 100%;
        }
    }
}
section{
    .div_01{
        
            .box();
           
                                 .px2rem(margin-top,20);
            .dt{
                              .px2rem(padding-right,25);    
                 .px2rem(padding-left,15);
//                  margin-left: none;
                width: 40%;
                img{
                    display: block;
                    width: 100%;
                }
            }
            .dd{
                                              .px2rem(margin-top,20);
//                .px2rem(margin,15);
                     margin-left: none;
                width: 60%;
                .px2rem(font-size,45);
                .h4_1{
                       .px2rem(margin-bottom,15);
//                     background: url(../img/04.png) no-repeat right center;
//                     background-size:7% ;
                        img{
                              .px2rem(margin-left,15);
                            width:10%;
                        }
                }
                .h4_2{
                       .px2rem(margin-bottom,15);
                }
                .p_01{
                       .px2rem(margin-bottom,20);
                       span{
                           color: #ed7598;
                       }
                }
                .p_02{
                    span{
                         text-decoration: line-through;
                    color: #ccc;
                    }
                   
                }
                #p{
                    background: url(../img/03.png) no-repeat 215px bottom;
                    background-size: 25%;
                }
            }
    }
.bg{
    .px2rem(margin-top,20);
    border: 3px solid #e4e4e4;
}
}
nav{
      
//  .box();
      .px2rem(margin-top,20);
                           .px2rem(height,98);
                           background: #484850;
                           ul{
                                 .px2rem(height,98);
                               -webkit-box-pack: justify;
                               -webkit-box-align: center;
                         
                               width: 100%;
                               .box();
                               li{
                                    .box();
                                    -webkit-box-orient: vertical;
                                                                   -webkit-box-align: center;
//                                 flex: 1;

                                   a{
                                        .px2rem(padding-top,10);
                                       color: #FFF6F1;
                                       display: block;
                                   }
                               }
                           }
}
